<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ page session="false" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>房间体系_房间介绍页面</title>
<link type="text/css" rel="stylesheet" href="/css/style.css" />  
<link type="text/css" rel="stylesheet" href="/css/removefocus.css" />
</head>
<body>	
	<div class="fjStar">
   	  <h2><span>房间介绍</span><a href="/room!index.jspa?roomid=${roomInfo[0].room_id}">返回主页>></a></h2>
      <div class="bd gl">
      	<ul>
        	<li><b>房间昵称:</b>${roomInfo[0].name}
        	<!-- 
        	<input type="text" class="btInp" id="" name="" value="${roomInfo[0].name}" />
        	 -->
        	</li>
            <li>
            <!-- 
            <b>房间头像:</b><input name="" type="file" /><span class="scz">上传中...</span>
            <span class="ywc">已完成<em>slefjlsjfiej.doc</em>
             -->
             
            <%--  
            <b>房间头像:</b><span style="float:left; background-color:#DBDBDB;width:100px; height:20px; padding:6px 0 0 0; overflow:hidden;margin-left:-23px;"><a id="uploadroom" href="#">请选择</a></span>
            --%>
            <b>房间头像:</b><span style="float:left;display:block;padding:2px 0 0 8px;width:45px;height:20px;cursor:pointer;text-decoration: none;"><a id="uploadroom" href="#">请选择</a></span>
            </li>
     		<li class="bigPic"><b>&nbsp;</b>
     		<c:if test="${roomInfo[0].imgURL==''}">   
     			<!--  		
     			<div class="itrDiv">
                	<h4>尺寸小贴士：</h4>
                    <p>上传一张精彩生动的房<br />间头像，让你的活动受<br />到更高的关注度 </p>
                    <i><font color="#000000">提示：</font>支持JPG，PNG；大小在1M以内。</i>
                </div>
                 -->
           	 <img id="roomavatar" class="leftImg" src="/images/tips_1.jpg" />
     		</c:if>
     		<c:if test="${roomInfo[0].imgURL!=''}">
            <img id="roomavatar" class="leftImg" src="${roomInfo[0].imgURL}" />
     		</c:if><font color="#000000">提示：</font>支持JPG，PNG；大小在500K以内。     		
            </li>
             <li><b>房间主题:</b><textarea  id="description"  onkeyup="checkMax(this,100);" onafterpaste="checkMax(this,100);" name="" cols="" rows="">${roomInfo[0].description}</textarea>
             	<p class="tin"><i>字数限制为0~50个汉字</i></p>
             </li>
            <li class="last1"><a href="javascript:void(0);" onclick = "subRoomInfo();return false;" class="qdbtn">保存</a><a href="/room!index.jspa?roomid=${roomInfo[0].room_id}" class="qxbtn">取消</a></li>
        </ul>
       </div> 
  </div>
  
  
  
  <div class="bombB" id="cropImg" style="display:none;z-index:99;position:absolute;left:500px;top:20px;"> 
        	<div class="bombBBox1">
            	<h4>请裁剪图片为标准尺寸<a class="close" href="javascript: jcrop_api.destroy();$('#cropImg').hide();delImg($('#target').attr('src'));"></a></h4>
                <div class="bd">
                	<div class="leftI">
                    	<div class="tImg">
                        	<img src=""  id="target"/>
                        	<input type="hidden" name="x1"  id="x1" />
							<input type="hidden" name="y1"  id="y1" />
							<input type="hidden" name="x2"  id="x2" />
							<input type="hidden" name="y2"  id="y2" />
                        </div>
                        <p class="tTxt">标准尺寸：150*150</p>
                    </div>
                    <div class="rightT">
                    	<div class="td1">
                        	<p>预览:</p>
                            <div class="tImg" id="hideDivForPre">
                            	<img src=""  id="preview" />
                            </div>
                        </div>
                        <div class="td1">
                        	<p>&nbsp;</p>
                            <div class="tPs">150×150</div>
                        </div>
                        <div class="td2">
                        	你上传的头像会自动生成标准尺寸大小，请注意标准尺寸的头像是否清晰！
                        </div>
                        <div class="td3">
                        	<a class="but1" href="javascript:void(0);" id="subCrop">保存</a>
                            <a class="but1" href="javascript: jcrop_api.destroy();$('#cropImg').hide();delImg($('#target').attr('src'));">取消</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    
  <input type="hidden" id="photo_id" value="${roomInfo[0].room_face}"/>
  <input type="hidden" id="create_time" value="${roomInfo[0].create_time}"/>
  <input type="hidden" id="room_id" value="${roomInfo[0].room_id}"/>
</body>
</html>
<link rel="stylesheet" type="text/css" href="/css/jquery.Jcrop.css" />
<script type="text/javascript" src="/js/jquery-1.7.1.min.js" charset="utf-8"></script>
<script type="text/javascript" src="/js/jquery.Jcrop.min.js" charset="utf-8"></script>
<script type="text/javascript" src="/js/jcrop_1_0.js" charset="utf-8"></script>
<script type="text/javascript" src="/js/swfobject.js" charset="utf-8"></script>
<script type="text/javascript" src="/js/room/roomCrop.js" charset="utf-8"></script>
